/*
 * @Author: scopesang
 * @Date: 2022-03-16 09:32:55
 * @LastEditors: scopesang
 * @LastEditTime: 2022-03-16 09:37:21
 * @FilePath: \react-js-master\src\components\day3.jsx
 * @Description: 
 * 
 * Copyright (c) 2022 by scopesang/大鹏科技, All Rights Reserved. 
 */
import React from "react";
let flag = true;
let arr = [1, 2, 3];
export default class day2 extends React.Component {
  render() {
    return (
      <div>
        <label htmlFor="userName">msg</label>
        <input type="text" id="userName" />
        <div className="new"></div>
        <div style={{ marginRight: flag ? 14 + "px" : 17 + "px" }}></div>
        {arr.map((item, index) => {
          return (
            <div key={index}>{item}</div>
          )
        })}
      </div>
    );
  }
}
// ## React 第三天
// ### 代码简化
// > 圆括号可写可不写 () 代码比较多可以写，花括号必写
// ```    {arr.map((item,index)=>{
//     return (
//         <div key={index}>{item}</div>
//     )
// })}
// ```
// 一行代码 简写
// ```    {arr.map((item,index)=> <div key={index}>{item}</div>)}
// 
// ```

// ### 拓展安装
// 不用敲基本结构  释放算双手的拓展
// ES7+ React/Redux/React-Native snippets
// ### 拓展使用
// 使用rcc+tab  基本结构  react class components 类组件
// 使用rfc+tab  基本结构  react function components  函数组件

